<template>
  <div id="lfooter">
    <div class="lfooter">
      <ul>
        <!--  <li><a href="index.html"><img src="../assets/images/dbsy.png" width="30" height="30"/><br/>Home</a></li>
          <li><a href="contact.html"><img src="../assets/images/dbdh.png" width="30" height="30"/><br/>Contacts</a></li>
          <li><a href="transactions.html"><img src="../assets/images/dbqq.png" width="30"
                                               height="30"/><br/>Transactions</a></li>
          <li><a href="profile.html"><img src="../assets/images/dblx.png" width="30" height="30"/><br/>Profile</a></li>-->

        <router-link to="/home" tag="li" active-class="active">
          <img src="../assets/images/home.png" width="30" height="30"/><br/>Home
        </router-link>
        <router-link to="/contacts" tag="li">
          <img src="../assets/images/contacts.png" width="30" height="30"/><br/>Contacts
        </router-link>
        <router-link to="/transactions" tag="li">
          <img src="../assets/images/transaction1.png" width="30"
                                           height="30"/><br/>Transactions
        </router-link>
        <router-link to="/profile" tag="li">
          <img src="../assets/images/profile1.png" width="30" height="30"/><br/>Profile
        </router-link>

      </ul>
    </div>
  </div>

</template>
